<template>
    <div class="head-wrapper">
        <head-date></head-date>
        <head-menu></head-menu>
    </div>
</template>

<script>
import headDate from './headDate.vue'
import headMenu from './headMenu.vue'

export default {
    name: 'headPart',
    components: {
        headDate,
        headMenu
    }
}
</script>

<style lang="scss">
.head-wrapper{
    // .menu-item{
    //     float: left;
    //     // margin-right: 32px;
    //     cursor: pointer;
    //     .menu-icon{
    //         width: 100px;
    //         height: 100px;
    //     }
    //     .menu-name{
    //         width: 100px;
    //         text-align: center;
    //         margin-top: 7px;
    //     }
    // }
}
</style>